import React, { PureComponent } from "react";
// todo 父render -> 子render -> 子componentDidMount -> 父componentDidMount
// todo 只要父组件渲染了，子组件默认也必定会渲染

class Child extends PureComponent {
  render() {
    console.log("child render");
    return <div>child组件 - {this.props.count}</div>;
  }
  componentDidMount() {
    console.log("child componentDidMount");
  }

  // todo props更新阶段
  // componentWillReceiveProps组件将要接收props
  // 被弃用了, 不会做什么事
  UNSAFE_componentWillReceiveProps() {
    console.log("componentWillReceiveProps");
  }

  // shouldComponentUpdate() {
  //   return false;
  // }

  UNSAFE_componentWillUpdate() {}

  componentDidUpdate() {}
}

export default Child;
